#groupName{
	text-align: left;
}

#group{
	width: $contentWidth;
	margin: $contentMargin;
}

/* New Users Modal */
/*#newUserGroupModal .modal-dialog, #newUserGroupModal .modal-content{
	width: 62rem; 
	height: 62rem;
	text-align: center;
}

#newUserGroupModal .friends-list{
	height: 36rem;
	overflow: auto;
}*/

#newUserGroupModal{ 
	text-align: center;
	
	#newGroupButton{
		margin-right: 0;
	}
	
	.friends-list{
		height: 36rem;
		overflow: auto;
		background-color: $lightGray;
		
		.group, .friend{
			background-color: white;
			border: $border;
			display: table;
			width: 100%;
			padding: 0 1.5rem;
			cursor: pointer;
			margin-bottom: 1.5rem;
			
			div {
				display: table-cell;
				margin: 0 auto;
				vertical-align: middle;
			}
			
			.img-container img {
				@include border-radius(50%);
				overflow: hidden;
			}
		}
		
		.group {
			height: 8rem;
		}
		.friend {
			height: 6rem;
		}
		
		.group.selected, .friend.selected{
			border: $border-selected;
			background-color: $selectedBackColor;
		}
	}
}

/* End New Users Modal */

/* Group Image Modal */
#groupImageModal{
	.modal-dialog, .modal-content {
  		width: 46rem;
  		height: 40rem;
  		text-align: center; 
  	}
  	
  	.thumbnail {
		max-width: 150px;
		max-height: 150px;
		line-height: 20px;
		margin: 0 auto 5px;
		border-radius: 50%;
		overflow: hidden;
		padding: 0px;
		
		img{
			height: 150px;
			width: auto;
		}
	}
} 
/* End Group Image Modal */